<div class="one">
    <div class="typepage">
       <nav>
           <ul id="topNav">
               
           </ul>
           <script type="text/html" id="nav">
            {{each list item}}
               <li><a href="/html/list.html?id={{item.id}}">{{item.name}}</a></li>
               <div class="line">|</div>
            {{/each}}
           </script>
       </nav>
       <div class="one-right">
           <div class="login">
                <ul class="ul1">
                    <li><a href="/html/login.html">登录</a></li>
                    <div class="line">|</div>
                    <li><a href="/html/zhuce.html">注册</a></li>
                    <div class="line">|</div>
                    <li><a href="">消息通知</a></li>
                </ul>
                <ul class="ul2">
                    <li class="zh"><span class="account"></span>
                        <i class="xl iconfont icon-xiala"></i>
                    </li>
                    <div class="line">|</div>
                    <li><a href="">消息通知</a></li>
                    <div class="tuichu">
                        <ul>
                            <li class="mr"><a href="">个人中心</a></li>
                            <li><a href="">评价晒单</a></li>
                            <li><a href="">我的喜欢</a></li>
                            <li><a href="">小米账户</a></li>
                            <li class="tc"><a href="">退出登录</a></li>
                        </ul>
                    </div>
                </ul>
           </div>
           <div class="shopping-cart">
               <a href="/html/shopcar.html">
                   <i class="shopping iconfont icon-gouwuchekong"></i>
                   <span>购物车</span>
                   (<span class="num1">0</span>)
               </a>
           </div>
       </div>
    </div>   
</div>

<div class="two">
   <div class="typepage">
       <div class="logo">
           <div class="tu">
               <img src="../images/mi-home.png" alt="">
               <img src="../images/mi-logo.png" alt="">
           </div>
       </div>
       <nav>
           <ul class="daohang">
               <span><a href="">全部商品分类</a></span>
               <li><a href="">小米手机</a></li>
               <li><a href="">Redmi红米</a></li>
               <li><a href="">电视</a></li>
               <li><a href="">笔记本</a></li>
               <li><a href="">家电</a></li>
               <li><a href="">路由器</a></li>
               <li><a href="">智能硬件</a></li>
               <li><a href="">服务</a></li>
               <li><a href="">社区</a></li>
           </ul>
           <div class="all">
               <ul id="listTab">
                   
               </ul>
           </div>
           <script type="text/html" id="searchList">
            {{each list item}}
                <li><a href="/html/list.html?id={{item.id}}">
                    {{item.name}}
                    <i class="gengduo iconfont icon-you-"></i>
                </a></li>
            {{/each}}
            </script>
       </nav>
       <div class="search">
           <input type="text" value="小米10">
           <a href="" class="inpsearch">
                <div class="zoom">
                    <i class="fd iconfont icon-sousuo-"></i>
                </div>
            </a>
           <div class="list">
               <ul id="listTab">
                   <!-- <li><a href="">小米11</a></li>
                   <li><a href="">笔记本</a></li>
                   <li><a href="">Note 9</a></li>
                   <li><a href="">小米10</a></li>
                   <li><a href="">扫地机器人</a></li>
                   <li><a href="">全部商品</a></li>
                   <li><a href="">耳机</a></li>
                   <li><a href="">洗衣机</a></li> -->
               </ul>
           </div>
           <!-- <script type="text/html" id="searchList">
               {{each list item}}
                <li>
                    <a href="/html/list.html?id={{item.id}}">{{item.name}}</a>
                </li>
                {{/each}}
           </script> -->
       </div>
   </div>
   
   <div class="xiala">
       <div class="typepage">
           <div class="tu">
               <a href="">  
                    <img src="../images/header/t1.png" alt="">
                    <p>小米11</p>
                    <p>3999元起</p>
               </a>
           </div>
           <div class="line"></div>
           <div class="tu">
            <a href="">  
                 <img src="../images/header/t2.png" alt="">
                 <p>小米11</p>
                 <p>3999元起</p>
            </a>
        </div>
        <div class="line"></div>
        <div class="tu">
            <a href="">  
                 <img src="../images/header/t3.png" alt="">
                 <p>小米11</p>
                 <p>3999元起</p>
            </a>
        </div>
        <div class="line"></div>
        <div class="tu">
            <a href="">  
                 <img src="../images/header/t4.png" alt="">
                 <p>小米11</p>
                 <p>3999元起</p>
            </a>
        </div>
        <div class="line"></div>
        <div class="tu">
            <a href="">  
                 <img src="../images/header/t5.png" alt="">
                 <p>小米11</p>
                 <p>3999元起</p>
            </a>
        </div>
       </div>
   </div>
</div>